<style>
.queue{margin-top:20px;}
.queue .queue_list{display:inline-block; position:relative; width:150px; height:150px; border-radius:100%; margin:0 20px 20px 0; color:#FFF;}
.queue .queue_list .name{display:inline-block; width:150px; height:58px; line-height:58px; text-align:center; font-size:20px; font-weight:bold;}
.queue .queue_list .status{display:inline-block; width:150px; height:30px; line-height:30px; text-align:center; font-size:16px;}
.queue .queue_list .status span{margin:2px}
.queue .queue_list .button{position:absolute; display:none; top:0px; right:0px; width:35px; height:35px; text-align:center; line-height:35px; font-size:22px; border-radius:40px; background:rgba(0,0,0,.3);}
.queue .queue_list:hover .button{display:block;}
.queue .queue_list:hover .button:hover{background:#000}
</style>
<div class="panel-body">
		<div class="alert alert-warning">
			显示当前所有桌台状态，当前订单状态，消费情况等。<br>
		</div>
		<div class="queue" ng-if="pagedata.op=='table'">
				<div ng-repeat="item in pagedata.list" ng-class="{'queue_list block-gray':1, 'block-primary':item.busy>0}">
					<div class="name">{{item.title}}</div>
					<div class="status">({{item.groupname}})</div>
					<div class="status" ng-if="item.busy == 0" href="javascript:" ng-click="access_json('jy_weidish/s_posgoods//table_id='+item.id)"><span class="jylabel jylabel-info">代下单</span></div>
					<div class="status" ng-if="item.busy == 1" href="javascript:" ng-click="access_json('jy_weidish/s_posstyle/clear/id='+item.id)"><span class="jylabel jylabel-f60">清台</span></div>
					<div class="status" ng-if="item.busy == 2"><span class="label label-warning" href="javascript:" ng-click="access_json('jy_weidish/s_posgoods//table_id='+item.id)" >加菜</span><span href="javascript:" ng-click="access_json('jy_weidish/s_posstyle/clear/id='+item.id)" class="jylabel jylabel-f60">清台</span></div>
					<div class="status" ng-if="item.busy == 3"><span class="label label-warning">已付款</span><span href="javascript:" ng-click="access_json('jy_weidish/s_posstyle/clear/id='+item.id)" class="jylabel jylabel-f60">清台</span></div>
				</div>
				<div  ng-if="pagedata.list.length <1" class="page-header" style="text-align: center;">
						<i class="fa fa-meh-o" style="font-size:88px"></i>
						<h1 class="ng-binding">暂时还没有添加桌台！</h1>
				</div>
		</div>
		<div class="queue" ng-if="pagedata.op=='out'">
			<div ng-repeat="item in pagedata.list" ng-class="{'queue_list block-gray':1, 'block-primary':item.busy>0}">
				<div class="name">{{item.title}}</div>
				<div class="status">{{item.table_type}}</div>
				<div><i class="fa fa-times"></i></div>
			</div>
		</div>
		<div class="queue" ng-if="pagedata.op=='yuding'">
			<div ng-repeat="item in pagedata.list" ng-class="{'queue_list block-gray':1, 'block-primary':item.busy>0}">
				<div class="name">{{item.title}}</div>
				<div class="status">{{item.table_type}}</div>
				<div><i class="fa fa-times"></i></div>
			</div>
		</div>
</div>